<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="{{_res_path}}/Bili/info.css">
    <style>
        body {
            background: linear-gradient(135deg, rgba(20, 20, 20, 0.6), rgba(30, 30, 30, 0.6)),
            url('{{bgcover}}');
            background-size: 250% auto;
            background-repeat: no-repeat;
            background-blend-mode: overlay;
            backdrop-filter: blur(2px) brightness(0.9);
        }
    </style>
</head>
</head>

<body style="transform: scale(2.8); transform-origin: 0 0;">
    <div class="container">
        <div class="user-header">
            <div class="avatar-combo">
                {{if replace_face}}
                <div class="avatar-container">
                    <img src="{{replace_face}}" class="user-avatar {{guajian ? 'no-border' : ''}}">
                    {{if guajian}}<img src="{{guajian}}" class="pendant-img">{{/if}}
                    {{if pendantname}}<div class="pendant-name">{{pendantname}}</div>{{/if}}
                </div>
                {{/if}}
                <div class="user-info">
                    <div class="user-name">{{name}}</div>
                    <div class="user-uid">UID: {{uid}}</div>
                    <div class="user-sign">{{sign}}</div>
                </div>
                {{if (vipText || senior || vipDue)}}
                <div class="vip-box {{vipClass}}">
                    <div class="senior-text">{{senior}}</div>
                    <div class="vip-text">{{vipText}}</div>
                    <div class="vip-due">{{vipDue}}</div>
                </div>
                {{/if}}
            </div>
        </div>

        <div class="data-grid">
            <div class="data-item">
                <div class="data-value">{{fans}}</div>
                <div class="data-label">粉丝</div>
            </div>
            <div class="data-item">
                <div class="data-value">{{attention}}</div>
                <div class="data-label">关注</div>
            </div>
            <div class="data-item">
                <div class="data-value">{{coins}}</div>
                <div class="data-label">硬币</div>
            </div>
            <div class="data-item">
                <div class="data-value">{{currentLevel}}</div>
                <div class="data-label">当前等级</div>
            </div>
        </div>

        <div class="status-container">
            <div class="status-item {{statusClass}}">账号状态：{{accountStatus}}</div>
            <div class="status-item {{coinClass}}">投币功能：{{coinStatus}}</div>
            <div class="status-item {{liveClass}}">弹幕功能：{{liveStatus}}</div>
        </div>

        <div class="exp-info">
            <div class="exp-box">
                <div class="exp-item">
                    <span>升级需要经验</span>
                    <span class="exp-value">{{expNeeded}}</span>
                </div>
            </div>
            <div class="exp-box">
                <div class="exp-item">
                    <span>预计升级天数</span>
                    <span class="exp-value">{{daysToLevelUp}}天</span>
                </div>
            </div>
        </div>

        <div class="task-container">
            {{each expTasks task}}
            <div class="task-item {{task.status ? 'task-done' : 'task-undone'}}">
                <span class="task-name">{{task.name}}</span>
                <span class="task-exp">{{task.exp}}</span>
            </div>
            {{/each}}
        </div>

        <div class="footer-info">
            <!--<div class="joinTime">注册：{{joinTime || '未知'}}</div>-->
            <div class="birthday">生日：{{birthday || '未设置'}}</div>
            <div class="expire-time">Cookie有效期至：{{expireTime}}</div>
        </div>

        <div class="copyright">{{@sys.copyright}}</div>
    </div>
</body>

</html>